<!-- 展示模板 -->
<template>
  <div id="app">
    <router-view />
  </div>
</template>

<script>
export default {
  name: "App",
    created () {
 
      // 在页面刷新时将vuex里的信息保存到sessionStorage里
      // window.addEventListener("beforeunload", () => {
      //   console.log("存vuex前的数据")
      //   console.log(this.$store.state,JSON.parse(sessionStorage.getItem("isCollapse")))
        
      //   sessionStorage.setItem("isCollapse", JSON.stringify(this.$store.state.isCollapse))
 
      //   console.log("存vuex后的数据")
      //   console.log(this.$store.state,JSON.parse(sessionStorage.getItem("isCollapse")))
      // })
 
    // 在页面加载时读取sessionStorage里的状态信息
    if (sessionStorage.getItem("theme")) {
      this.$store.replaceState(Object.assign({}, this.$store.state, JSON.parse(sessionStorage.getItem("theme"))))
    }

      // 退出
      // logout: function() {
      //   this.$confirm("确认退出吗?", "提示", {
      //     type: "warning"
      //   }).then(() => {
      //       this.$store.state.tab.mainTabs=[];
      //       sessionStorage.removeItem("user")
      //       this.$router.push("/login")
 
      //       //顺序不能反，且两个中的任何一个都不能少
      //       window.location.reload()
      //       sessionStorage.setItem("store", null)
 
      //       this.$api.login.logout().then((res) => {
      //       }).catch(function(res) {
      //       }) }).catch(() => {})
      // }
 
  },
};
</script>

<style>
  #app{
    height: 100vh; /*vh:代表着屏幕高度，100vh表示100%屏幕高度*/
  }
</style>

